<template>
	<view class="search-box">
		<input class="search-input" type="text" placeholder="搜索你想要的内容" disabled>
	</view>
</template>

<script>
</script>

<style lang="scss">
	/* 搜索框样式 */
	.search-box {
		position: absolute;    // 绝对定位
		left: 0;              // 距离左边0
		top: 30rpx;           // 距离顶部30rpx
		z-index: 9999;        // 层级为9999，确保在最上层
		width: 100%;          // 宽度100%

		/* 搜索输入框样式 */
		.search-input {
			background-color: #f8f8f8;  // 背景颜色
			height: 70rpx;             // 高度
			line-height: 40rpx;        // 行高
			text-align: center;        // 文本居中
			border-radius: 30rpx;      // 圆角
			margin: 0 20rpx;           // 左右外边距
		}
	}
</style>
